
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题页</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/Style.css"/>
    <link type="text/css" href="__PUBLIC__/css/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
<style type="text/css">
table{ padding:0px; margin:0px;}
th,tr,td {
	line-height: 28px;
	height: 28px;
	text-align: center;
}
th{
	background-image: url(__PUBLIC__/images/th_bg.jpg);
	background-color: #06C;
	}
table {border-collapse:collapse;}
th,td {vertical-align:middle;	border:1px dotted #DDD;	border-collapse:collapse;}
table td span{color:#999999;}
td{cursor:pointer;}
</style>
<script src="__PUBLIC__/libs/js/jquery.js"type="text/javascript"></script>

  <script type="text/javascript">
 /* $(document).ready(function(){
    $(".data_list tr").dblclick(function() {
     var id=$(this).attr('id');   
	 top.Dialog.open({URL:"__URL__/editshouru/id/"+id,Title:"收入项目编辑",Width:580,Height:420});
    });
})*/
function del(X){
	//alert(X);
	top.Dialog.open({URL:"__URL__/del/id/"+X,Title:"删除项目",Width:500,Height:400});
	}
        /* 当鼠标移到表格上是，当前一行背景变色 */
      $(document).ready(function(){
            $(".data_list tr td").mouseover(function(){
                $(this).parent().find("td").css("background-color","#D6EDFF");
            });
      })
      /* 当鼠标在表格上移动时，离开的那一行背景恢复 */
      $(document).ready(function(){ 
            $(".data_list tr td").mouseout(function(){
                var bgc = $(this).parent().attr("bg");
                $(this).parent().find("td").css("background-color",bgc);
            });
      })
      
      $(document).ready(function(){ 
            var color="#F8F8F8"
            $(".data_list tr:odd td").css("background-color",color);  //改变偶数行背景色
            /* 把背景色保存到属性中 */
            $(".data_list tr:odd").attr("bg",color);
            $(".data_list tr:even").attr("bg","#fff");
      })
      </script>
</head>
<body>
    <div id="messWindow" class="messWindow"> </div>
    <div id="promptWindow" class="promptWindow" align="center">
        <div class="titleBar"></div>

    </div>
<ul class="tools"> 
<LI class=add p="50" style="cursor:pointer;"><SPAN><A onclick='top.Dialog.open({URL:"__URL__/addguoqiao",Title:"过桥费用",Width:580,Height:420});'">过桥费用</A></SPAN></li>  
</ul>

        <div class="mainBox">
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="data_list" id=“datalist”>
		   <tr>
           <th width="5%">行号</th>
           <th width="8%">收支类型</th>
           <th width="8%">收支项目</th>
           <th width="8%">地点</th>
           <th width="8%">收支金额</th>
           <th width="8%">收支方式</th>
           <th width="8%">收支人</th>
           <th width="10%">收支时间</th>
           <th width="5%">编辑人</th>
           <th width="12%">编辑日期</th>
           <th width="*">备注</th>
           <th width="3%">删除</th>
		</tr>
        <tbody id="bbsTab">
    <volist name="accounts_list" id="vo">  
        <tr id="{$vo['id']}">
            <td></td>
            <td>{$vo['paytype']}</td>
            <td>{$vo['payitem']}</td>
            <td>{$vo['address']}</td>
            <td><font color="red">{$vo['shishou']}</font></td>
            <td>{$vo['payway']}</td>
            <td>{$vo['payuser']}</td>
            <td>{$vo['contractdate']}</td>
            <td>{$vo['adduser']}</td>
            <td>{$vo['addtime']}</td>
            <td><font color="red">{$vo['note']}</font></td>
            <td><a onclick="del({$vo['id']})">删除</a></td>
        </tr>
</volist> 
</tbody>
<tr>
    <th colspan="12">目前过桥总计支出：{$shouruheji}元</th>
  </tr>
        </table>
		</div>
<div id="TourExPage" class="page">
{$page_method}
</div>
<script language="javascript" type="text/javascript">
window.onload = function(){
 var oTable = document.getElementById("bbsTab");
 for(var i=0;i<oTable.rows.length;i++){
  oTable.rows[i].cells[0].innerHTML = (i+1);
  if(i%2==0) //偶数行
   oTable.rows[i].className = "ys01";
 }
}
</script>
</body>
</html>
